<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表格布局</title>
		<style>
			table tr:nth-child(odd) {
				background-color: pink;
			}

			/* 双行添加样式 */
			table tr:nth-child(even) {
				background-color: steelblue;
			}
		</style>
	</head>
	<body>
		<!-- table表示表格
		 常用属性：
		 border：边框
		 cellspacing：单元格之间的空隙
		 width表格整体的宽度
		 height表格整体的高度-->
		<!-- 在table中可以使用thead表示表头  表头中的数据默认加粗且居中
		  tbody表示表题
		  thead和tbody可以省略，直接在table中写tr（行）td(列)-->
		<!-- 单元格合并
		  rowspan 表示行合并
		  clospan 表示列合并
		  注意：合并时要将多余的单元格删掉
		   -->
		<table border="1" cellspacing="0" width="800px" height="300px">
			<thead>
				<tr>
					<th>序号</th>
					<th>学号</th>
					<th>姓名</th>
					<th>家庭住址</th>
					<th>联系方式</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td rowspan="2">1</td>
					<td>2023001</td>
					<td>张三</td>
					<td>山东青岛</td>
					<td>13100990000</td>
				</tr>
				<tr>

					<td>2023001</td>
					<td>张三</td>
					<td>山东青岛</td>
					<td>13100990000</td>
				</tr>
				<tr>
					<td>1</td>
					<td>2023001</td>
					<td>张三</td>
					<td>山东青岛</td>
					<td>13100990000</td>
				</tr>
				<tr>
					<td>1</td>
					<td>2023001</td>
					<td>张三</td>
					<td>山东青岛</td>
					<td>13100990000</td>
				</tr>
				<tr>
					<td>1</td>
					<td>2023001</td>
					<td colspan="3">张三</td>

				</tr>


			</tbody>


		</table>
	</body>
</html>
